<script setup>
import TitleValue from '@components/TitleValue'
defineProps({
    data: Object
})
</script>
        
<template>
<div>
    <el-row :gutter="16">
        <el-col :span="6">
            <title-value title="近6个⽉逾期总次数:" :value="data.counts" />
        </el-col>
        <el-col :span="6">
            <title-value title="近6个⽉逾期机构总数:" :value="data.overdue_mechanism_number" />
        </el-col>
        <el-col :span="6">
            <title-value title="近6个⽉逾期总⾦额（元）:" w="190px" :value="data.overdue_money" />
        </el-col>
        <el-col :span="6">
            <title-value title="近6个⽉逾期未结清次数:" :value="data.uncleared_counts" />
        </el-col>
    </el-row>
    <section v-if="data.datalist && data.datalist.length > 0">
        <div class="font2 color-2">逾期详情:</div>
        <el-row :gutter="16" v-for="(item, index) in data.datalist" :key="index">
            <el-col :span="6">
                <title-value title="逾期天数:" :value="item.overdue_day" />
            </el-col>
            <el-col :span="6">
                <title-value title="逾期⾦额区间（元）:" :value="item.overdue_money" />
            </el-col>
            <el-col :span="6">
                <title-value title="逾期时间:" :value="item.overdue_time" />
            </el-col>
            <el-col :span="6">
                <title-value title="是否结清:" :value="item.settlement" />
            </el-col>
        </el-row>
    </section>
</div>

</template>